@import '../../../../../style/common';
.serviceWrapper {
  flex: 1;
  color: #fff;
  text-align: center;
  background: url('../../../../../assets/homepage/serviceTimeBg.svg');
  background-size: cover;
  .title {
    @media screen and (max-width: @common-screen-xs-max) {
      height: 40px;
      line-height: 40px;
    }
    @media screen and (min-width: @common-screen-min) and (max-width: @common-screen-min-max) {
      height: 45px;
      line-height: 45px;
    }
    @media screen and (min-width: @common-screen-md) and (max-width: @common-screen-md-max) {
      height: 50px;
      line-height: 50px;
    }
    @media screen and (min-width: @common-screen-lg) {
      height: 70px;
      line-height: 70px;
    }
    font-size: 22px;
    text-align: center;
    background: rgba(1, 1, 1, 0.06);
  }
  .time {
    @media screen and (max-width: @common-screen-xs-max) {
      margin-top: 5px;
    }
    @media screen and (min-width: @common-screen-min) and (max-width: @common-screen-min-max) {
      margin-top: 7px;
    }
    @media screen and (min-width: @common-screen-md) and (max-width: @common-screen-md-max) {
      margin-top: 8px;
    }
    @media screen and (min-width: @common-screen-lg) {
      margin-top: 10px;
    }
  }
  .contact {
    display: flex;
    margin-left: 32px;
    color: #000;
    @media screen and (max-width: @common-screen-xs-max) {
      margin-top: 8px;
    }
    @media screen and (min-width: @common-screen-min) and (max-width: @common-screen-min-max) {
      margin-top: 12px;
    }
    @media screen and (min-width: @common-screen-md) and (max-width: @common-screen-md-max) {
      margin-top: 15px;
    }
    @media screen and (min-width: @common-screen-lg) {
      margin-top: 30px;
    }
    .contactItem {
      //flex: 1;
      margin-right: 10px;
    }
  }
  .desc {
    margin-left: 32px;
    color: #000;
    text-align: left;
    @media screen and (max-width: @common-screen-xs-max) {
      margin-top: 5px;
    }
    @media screen and (min-width: @common-screen-min) and (max-width: @common-screen-min-max) {
      margin-top: 7px;
    }
    @media screen and (min-width: @common-screen-md) and (max-width: @common-screen-md-max) {
      margin-top: 8px;
    }
    @media screen and (min-width: @common-screen-lg) {
      margin-top: 10px;
    }
  }
  .descRest {
    margin-left: 32px;
    color: #000;
    text-align: left;
    @media screen and (max-width: @common-screen-xs-max) {
      margin-bottom: 7px;
    }
    @media screen and (min-width: @common-screen-min) and (max-width: @common-screen-min-max) {
      margin-bottom: 10px;
    }
    @media screen and (min-width: @common-screen-md) and (max-width: @common-screen-md-max) {
      margin-bottom: 12px;
    }
    @media screen and (min-width: @common-screen-lg) {
      margin-bottom: 20px;
    }
  }
}
